<template>
    <d2-container :class="{'page-compact':crud.pageOptions.compact}">
<!--        <template slot="header">-->
<!--          用户管理-->
<!--          <example-helper title="权限管理帮助" >-->
<!--            <div>-->
<!--              <link-button href="http://greper.gitee.io/d2-crud-plus/guide/permission.html">权限管理帮助文档</link-button>-->
<!--            </div>-->
<!--          </example-helper>-->
<!--        </template>-->
        <d2-crud-x
                ref="d2Crud"
                v-bind="_crudProps"
                v-on="_crudListeners">
          <div slot="header">
            <crud-search ref="search" :options="crud.searchOptions" @submit="handleSearch"  />

            <el-button slot="header" size="small" type="primary" @click="addRow"><i class="el-icon-plus"/> 新增</el-button>

<!--            <crud-toolbar :search.sync="crud.searchOptions.show"-->
<!--                          :compact.sync="crud.pageOptions.compact"-->
<!--                          :columns="crud.columns"-->
<!--                          @refresh="doRefresh()"-->
<!--                          @columns-filter-changed="handleColumnsFilterChanged"/>-->
          </div>

        </d2-crud-x>
    </d2-container>
</template>

<script>
import { crudOptions } from './crud'
import { d2CrudPlus } from 'd2-crud-plus'
import * as api from './api'
export default {
  mixins: [d2CrudPlus.crud],
  data () {
    return {

    }
  },
  methods: {
    getCrudOptions () {
      return crudOptions(this)
    },
    pageRequest (query) {
      return api.GetList(query)
    },
    addRequest (row) {
      return api.AddObj(row)
    },
    updateRequest (row) {
      return api.UpdateObj(row)
    },
    delRequest (row) {
      return api.DelObj(row.id)
    },
    infoRequest (row) {
      return api.GetObj(row.id)
    },
  }
}
</script>
